<html>
    <?php	
            include "telausuario/logado/conectar.php";

            mysql_set_charset('utf8');
            ini_set('default_charset', 'UTF-8');

    ?>
    <head>
        <meta charset="utf-8"/>
        <title>Área Restrita</title>
        <link rel="stylesheet" type="text/css" href="css/restrito.css" />
        <script src="js/jquery-1.10.2.js"></script>
        <link rel="shortcut icon" href="img/logoatual.png" />
    </head>
    
    <script>
        $(function() {
            $("#bt-logar").click(function(){
                $.ajax({
                    url: "login.php",
                    datatype: "php",
                    data: $("#frm-login").serialize(),
                    type: 'POST',
                    success: function(saida) {
                        data = JSON.parse(saida);
//                        alert(data);
                        if (data.msg.status) {
                            document.location = data.msg.logado;
                            $("#lgn-status").html(data.msg.mensagem);
                            $("#lgn-status").toggle("blind", 5000);
                        } else {
                            $("#lgn-status").html(data.msg.mensagem);
                            $("#lgn-status").toggle("blind", 1000);
                        }
                    }
                });
            });
        });
                
        function trocA() {
            document.getElementById("login").style.display = "none";
            document.getElementById("cadastro").style.display = "block";
        }
        
        function trocB() {
            document.getElementById("login").style.display = "block";
            document.getElementById("cadastro").style.display = "none";
        }
    </script>
    
    <body>
        <div id="arealogo">
            <h1>Área Restrita</h1>
        </div>
        <div id="login" class="login" title="Acesse com sua conta">
            <form name="frm-login" id="frm-login" action="login.php" method="POST">
                <label>Usuario</label><br>
                <input type="text" name="usuario" placeholder="Usuario" id="usuario" /><br><br>
                <label>Senha</label><br>
                <input type="password" name="senha" placeholder="Senha" id="senha" /><br>
                <span id="lgn-status"></span><br><br>
                <div id="logar">
                    <input id="bt-logar" type="button" value="Logar" />
                </div><br>
                <div id="trocA">
                    Ainda não é membro?
                    <input type="button" value="Cadastro" onclick="trocA()" />
                </div>
            </form>
        </div>
        <div id="cadastro">
            <form name="frm" action="controle.php" method="POST">
                <label>Nome</label><br>
                <input type="text" name="nome" size="19" placeholder="Nome" autofocus/>
                <input type="text" name="sobrenome" size="30" placeholder="Sobrenome" /><br><br>
                <label>Email</label><br>
                <input type="email" name="email" size="55" placeholder="Email" /><br><br>
                <label>Sou:</label><br>
                <select name="tipo" id="tipo_pessoa" class="combo">
                    <option value="0">-------------</option>
                    <?php
                        $tpusuario = mysql_query("SELECT * from tipoPessoa", $con);
                        while ($linha = mysql_fetch_array($tpusuario)) {
                                echo "<option value='". $linha["idTipoPessoa"]. "'>". $linha["dscFuncao"]. "</option>";
                        }
                    ?>
                </select><br><br>
                <label>Login</label><br>
                <input type="text" name="login" size="24" placeholder="Login" />
                <input type="password" name="senha" size="25" placeholder="Senha" /><br><br>
                <label>Data de Nascimento</label><br>
                <input type="text" size="12" name="dia" placeholder="Dia" />
                <input type="text" size="12" name="mes" placeholder="Mes" />
                <input type="text" size="19" name="ano" placeholder="Ano" /><br><br>
                <label>Sexo</label><br>
                <input type="radio" name="sexo" value="1" checked>Masculino</input>
                <input type="radio" name="sexo" value="2" >Feminino</input><br><br>
                <div id="botoes">
                    <input type="submit" name="botao" value="Cadastrar" />
                    <input type="button" name="botao" value="Voltar" />
                </div>
                <div id="trocB">
                    Já é membro?
                    <input type="button" value="Login" onclick="trocB()" />
                </div>
            </form>
        </div>
    </body>
</html>